var accountStore = Ext.create('Ext.data.Store', {
	id : 'simpsonsStore',
	autoLoad : true,
	fields : ['account','username','department','position'],
	pageSize : 15/*,
	proxy : {
		type : 'ajax',
		url : '/vaws/weighingRecord/searchTareWeightList',
		reader : {
			type : 'json',
			root : 'data.dataList',
			totalProperty : 'data.maxResult'
		}
	}*/
});

Ext.define('mtons.account.view.AccountForm', {
	extend : 'Ext.form.Panel',
	alias : 'widget.accountForm',
	layout : 'form',
	autoHeight : true,
	frame : false,
	border : false,
	items : [{
		layout : 'column',
		border : false,
		items : [{
			xtype : 'hiddenfield',
			name : 'id'
		},{
			width : '25%',
			name : 'account',
			fieldLabel : '账号',
			xtype : 'textfield',
			style : 'text-align:right',
			allowBlank:false,
            blankText:'请输入用户名',
            msgTarget:'side'
		},{
			width : '25%',
			name : 'username',
			fieldLabel : '用户名',
			xtype : 'textfield',
			style : 'text-align:right',
			allowBlank:false,
            blankText:'请输入用户名',
            msgTarget:'side'
		},{
			width : '25%',
			name : 'department',
			fieldLabel : '部门',
			xtype : 'textfield',
			style : 'text-align:right',
			allowBlank:false,
            blankText:'请输入用户名',
            msgTarget:'side'
		},{
			width : '25%',
			name : 'position',
			fieldLabel : '职位',
			xtype : 'textfield',
			style : 'text-align:right',
			allowBlank:false,
            blankText:'请输入用户名',
            msgTarget:'side'
		}]
	}]
});

Ext.define('mtons.account.view.AccountGrid', {
	extend : 'Ext.grid.Panel',
	alias : 'widget.accountGrid',
	store : accountStore,
	height : 450,
	forceFit:false,					//自动展开，充满页面
	columnLines:true,				//显示列线
	autoScroll:true,//溢出时显示滚动条
	plugins:[  
        Ext.create('Ext.grid.plugin.CellEditing',{  
            clicksToEdit:1 //设置单击单元格编辑  
        })  
    ], 
	selModel:{
		selType:'checkboxmodel',	//选择模式
	    singleSelect: false,
	    multiSelect:true,
		hidden:true
	},
	dockedItems : [{
        xtype: 'pagingtoolbar',
        store: accountStore,   // GridPanel中使用的数据
        dock: 'bottom',
        displayInfo: true
    }],
	tbar : [{
		text : '删除',
		name : 'deleteBtn',
		iconCls : 'delete'
	},{
		text : '导出',
		name : 'excelBtn',
		iconCls : 'excel'
	},{
		text : '查询',
		name : 'searchBtn',
		iconCls : 'search'
	}],
	columns : {
		items : [{
			text : '序号',
			width : 100,
			dataIndex : 'rownumberer',
        	style : 'text-align: center;',
        	align : 'center'
		},{
			text : '账号',
			width : 100,
			dataIndex : 'account',
        	style : 'text-align: center;',
        	align : 'center'
		},{
			text : '姓名',
			width : 100,
			dataIndex : 'username',
        	style : 'text-align: center;',
        	align : 'center'
		},{
			text : '部门',
			width : 100,
			dataIndex : 'department',
        	style : 'text-align: center;',
        	align : 'center'
		},{
			text : '职位',
			width : 100,
			dataIndex : 'position',
        	style : 'text-align: center;',
        	align : 'center'
		}]
	},
});

Ext.define('mtons.account.view.AccountView', {
	extend : 'Ext.panel.Panel',
	alias : 'widget.accountView',
	title : '账户管理',
	height:'100%',
	layout: 'form',
	items : [{
		name : 'accountForm',
		xtype : 'accountForm'
	},{
		name : 'accountGrid',
		xtype : 'accountGrid'
	}]
});
